<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我们结婚啦!</title>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
<script type="text/javascript" src="http://cdn.staticfile.org/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="http://cdn.staticfile.org/jquery.lazyload/1.9.1/jquery.lazyload.min.js"></script>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" type="text/css" href="http://7sbkee.com1.z0.glb.clouddn.com/static/css/188/4/style_4.css?v=20150726"/>
<style type="text/css">
.head_table .avatar{margin:0 0 0 .731249908594em;width:15.0749981156em;height:15.0749981156em;border-radius:50%;background:url(http://img-188xi.qiniudn.com/FiSktA7jQU160hDsSASuBkh-lmx-?imageMogr2/thumbnail/!400x400r/gravity/Center/crop/400x400) no-repeat;background-size:15.0749981156em 15.0749981156em}
.inputbox{margin:2px;border:0;font-size:18px;color:#a4a4a4}
.inputbox,.textbox2{width:100%;background:#f7f7f7}
.textbox2{padding:5px;margin-bottom:15px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border:1px solid #cecece;box-shadow:inset 1px 1px 2px #e2d8d7;-webkit-box-shadow:inset 1px 1px 2px #e2d8d7;-moz-box-shadow:inset 1px 1px 2px #e2d8d7;font-family:Arimo,sans-serif;font-size:14px}
#renshu{color:#a4a4a4}
#zf,#zfbox{height:75pt}
.content #send_message:hover{cursor:pointer}
#musicControl{position:fixed;right:10px;top:30%;margin-top:-27px;display:inline-block;z-index:200}
#musicControl a{display:inline-block;width:46px;height:46px;overflow:hidden;background-image:url(http://7sbkee.com1.z0.glb.clouddn.com/images/mcbg.png);background-repeat:no-repeat;background-size:100%}
#musicControl a audio{width:100%;height:50px}
#musicControl a.stop{background-position:1px bottom}
#musicControl a.on{background-position:0 1px;-webkit-animation:reverseRotataZ 1.2s linear infinite}
@-webkit-keyframes reverseRotataZ{
  0%{-webkit-transform:rotateZ(0)}
  to{-webkit-transform:rotateZ(-360deg)}
}
@-webkit-keyframes rotataZ{
  0%{-webkit-transform:rotateZ(0)}
  to{-webkit-transform:rotateZ(360deg)}
}
#music_play_filter{width:100%;height:100%;overflow:hidden;position:fixed;top:0;left:0;filter:alpha(Opacity=80);-moz-opacity:.5;opacity:.5;z-index:100}
#wechatshareguide{width:100%;height:100%;background:url(http://7sbkee.com1.z0.glb.clouddn.com/images/wechatshareguide.png) rgba(0,0,0,.7) no-repeat 90% 10px;background-size:35%;position:absolute;position:fixed;right:0;top:0;z-index:99999}
</style>
</head>
<body>
<div style="display:none">
  <img src="http://img-188xi.qiniudn.com/FiSktA7jQU160hDsSASuBkh-lmx-?imageMogr2/thumbnail/!400x400r/gravity/Center/crop/400x400"/>
</div>
<div class="viewport" style="position: relative;overflow: hidden;">
  <div class="nav_top">
    <section class="left"></section>
    <section class="title"></section>
  </div>
  <table class="head_table" cellpadding="0" cellspacing="0">
  <tr>
    <td valign="middle">
      <div class="left_name">
        <label>姚晓峰</label>
      </div>
    </td>
    <td>
      <div class="avatar">
      </div>
    </td>
    <td>
      <div class="right_name">
        <label>李芙蓉</label>
      </div>
    </td>
  </tr>
  </table>
  <section class="wedding_title">
  <span>我们结婚啦!</span>
  </section>
  <div class="clock">
    <span>公历：2015-10-24 18:18</span>
  </div>
  <div class="clock">
    <span>九月十二 星期六</span>
  </div>
  <div class="map">
    <span><a href="http://api.map.baidu.com/marker?location=31.93491,118.802467&title=(翠屏山服务区)江苏翠屏山宾馆&content=(翠屏山服务区)江苏翠屏山宾馆&output=html">
    (翠屏山服务区)江苏翠屏山宾馆
    </a>
    </span>
  </div>
  <div class="middle_box">
    <div class="countdown">
      <?php
      $deadline = '2015-10-24 18:18';
      $difftime = strtotime($deadline)-time();
      $leftdays = floor($difftime/(3600*24));
      ?>
      <i></i><span>距婚礼还有：<label id="day_num"><?php echo $leftdays ?></label> 天</span>
    </div>
  </div>
  <ul class="pic">
    <li>
    <img data-original="http://img-188xi.qiniudn.com/FpvCi6V2-FLYZaWrkJljPBSJtoD7" style="width:100%;min-height:150px" class="lazy_img"/>
    </li>
    <li>
    <img data-original="http://img-188xi.qiniudn.com/FnHbQEzzAC3CHOLqvPefG6QyjqxQ" style="width:100%;min-height:150px" class="lazy_img"/>
    </li>
    <li>
    <img data-original="http://img-188xi.qiniudn.com/FuOxzy58JxYW78Us5b2s2uaqDPi5" style="width:100%;min-height:150px" class="lazy_img"/>
    </li>
    <li>
    <img data-original="http://img-188xi.qiniudn.com/FlPkJqjutpsTGkzCzRUkRqqUKJ6u" style="width:100%;min-height:150px" class="lazy_img"/>
    </li>
    <li>
    <img data-original="http://img-188xi.qiniudn.com/Fnkzb6lM_N1BppEq_4PuyTBI7l2g" style="width:100%;min-height:150px" class="lazy_img"/>
    </li>
    <li>
    <img data-original="http://img-188xi.qiniudn.com/FiTvfKMZRUqr88H5CyYaSBZl50i2" style="width:100%;min-height:150px" class="lazy_img"/>
    </li>
    <li>
    <img data-original="http://img-188xi.qiniudn.com/FvmD-tKaGMkz28B7_BvWhD5WKZWK" style="width:100%;min-height:150px" class="lazy_img"/>
    </li>
  </ul>
  <div class="arrow-up">
  </div>
  <div class="word_box">
    <span>从相遇的那一刻，每一天，路不再是路，而是相伴；从相知的那一瞬，每一秒，生活不再是生活，而是两个个体的融合！今天，我们要结婚了，希望能与您一同分享这爱的美好旅程。</span>
  </div>
  <!--  RSVP START -->
  <div id="rsvpdiv">
    <div class="content-wrapper" style="width:95%; padding-left:8px; padding-right:8px">
      <div class="content" style="display:none; background:#FFF;font-size:18px; color:#a4a4a4;" id="sending_msg">
            祝福发送中...
      </div>
      <div class="content" id="send_msg_form">
        <form name="contact_form" id="contact_form" action="index.php?ac=wreply&amp;channelid=3&amp;pid=11" method="post" style="display:block;">
          <div class="textbox2">
            <input id="bi_name" type="text" name="name" placeholder="姓名" class="inputbox">
          </div>
          <div class="textbox2">
            <input id="bi_phone" type="text" name="phone" placeholder="电话" class="inputbox">
          </div>
          <div class="textbox2">
            <select name="num" id="num" class="inputbox" type="text">
              <option value="0">抱歉，无法参加</option>
              <option value="1" selected="selected">1 人参加</option>
              <option value="2">2 人参加</option>
              <option value="3">3 人参加</option>
              <option value="4">4 人参加</option>
              <option value="5">5 人参加</option>
              <option value="6">6 人参加</option>
              <option value="7">7 人参加</option>
              <option value="8">8 人参加</option>
              <option value="9">9 人参加</option>
            </select>
          </div>
          <div class="textbox2" id="zfbox">
            <textarea name="content" rows="3" required="" class="inputbox" id="bi_content" placeholder="请输入您的祝福信息" data-minlength="10"></textarea>
          </div>
          <div style="100%; text-align:center">
            <input type="button" id="send_message" value="发送祝福" onclick="addblessing()">
          </div>
          <input type="hidden" name="myFormAc" id="myFormAc" value="update">
        </form>
      </div>
    </div>
    <p>
      &nbsp;
    </p>
    <div class="list">
    </div>
    <!---000000000000000000--->
  </div>
  <!--RSVP END-->
</div>
<br>
<span id="musicControl">
<a id="mc_play" class="on" onclick="play_music();">
<audio id="musicfx" loop autoplay>
<source src="http://7xk25s.com1.z0.glb.clouddn.com/wemarry.mp3" type="audio/mpeg"/>
</audio>
</a>
</span>
<div id="music_play_filter" onclick="just_play(1)">
</div>
<!--showphp:default/pic/s4_2.php-->
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<div id="wechatshareguide" style="display:none;">
</div>
<div style="display:none">
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?944cf11a9b43f7fdfa55c4e03dacbd09";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
</div>
<!--PC版始终显示试用提醒--><!--电脑版 || 手机版 并且 在3G模式下-->
</body>
</html>
<script language="javascript">
 function addblessing(){
     var tn=$('#bi_name').val();
     var rs=$('#num').val();
     var zf=$('#bi_content').val();
     var phone =$('#bi_phone').val();
    if (tn==''||tn=='您的姓名'){
      alert('请填写您的姓名');
      $('#bi_name').focus();
      return ;
    }
     if (zf.length<5){
        alert('留言内容不能少于5个字符');
         $('#bi_content').focus();
         return ;
     };
        document.getElementById("sending_msg").style.display ="block";
        document.getElementById("send_msg_form").style.display ="none";
        var str_data = "myFormAc=update&name=" + tn + "&phone= " + phone + "&num= " + rs + "&content= " + zf;
        // console.log(str_data);return;
        $.ajax({
        type: "POST", 
        url: "post.php?ac=wreply", 
        data: str_data, 
        dataType: "JSON",
        success: function(data){ 
               if(data.code == 200)
                {
                    html = "您的祝福我们已经收到，谢谢。";
                    document.getElementById("sending_msg").innerHTML = html;
                }
                else
                {
                    document.getElementById("sending_msg").style.display ="none";
                    document.getElementById("send_msg_form").style.display ="block";
                    alert('祝福发送失败，请再试一下。'); 
                }
        },
       error: function(){                        //返回失败后
            document.getElementById("sending_msg").style.display ="none";
            document.getElementById("send_msg_form").style.display ="block";
          alert('祝福发送失败，请再试一下。'); 
       }
      }); 
      return ;
}
function play_music(){
    if ($('#mc_play').hasClass('on')){
        $('#mc_play audio').get(0).pause();
        $('#mc_play').attr('class','stop');
    }else{
        $('#mc_play audio').get(0).play();
        $('#mc_play').attr('class','on');
    }
    $('#music_play_filter').hide();
}
function just_play(id){
    $('#mc_play').attr('class','on');
    $('#mc_play audio').get(0).play();
    if (typeof(id)!='undefined'){
        $('#music_play_filter').hide();
    }
}
function is_weixn(){
    return false;
    var ua = navigator.userAgent.toLowerCase();
    if(ua.match(/MicroMessenger/i)=="micromessenger") {
        return true;
    } else {
        return false;
    }
}
var play_filter=document.getElementById('music_play_filter');
play_filter.addEventListener('click', function(){
    just_play(1);
});
play_filter.addEventListener('touchstart', function(){
    just_play(1);
});
play_filter.addEventListener('touchend', function(){
    just_play(1);
});
play_filter.addEventListener('touchmove', function(){
    just_play(1);
});
play_filter.addEventListener('mousedown', function(){
    just_play(1);
});
play_filter.addEventListener('mouseup', function(){
    just_play(1);
});
play_filter.addEventListener('mousemove',function(){
    just_play(1);
});
var guideDiv;
/////addWinOnloadEvent(initGuideFunc);
function initGuideFunc(){
    guideDiv = document.getElementById("wechatshareguide");
    if (guideDiv.addEventListener) {
        guideDiv.addEventListener("click", hideGuideFunc, false);
    } else {
        guideDiv.attachEvent('onclick', hideGuideFunc);
    }
}
function hideGuideFunc(){
    guideDiv.style.display = 'none';
}
$(function() {
    initGuideFunc();
});
(function($){
  $(function(){
    $('.lazy_img').lazyload({effect: 'fadeIn'});
  });
})(jQuery);


</script>